import {View, ScrollView, Text, Image, Button} from '@tarojs/components';
import Taro from '@tarojs/taro';
import React from 'react';
import {connect} from 'react-redux';
import * as T from './types';
import './index.less';
import actions from './actions';
import {store2Props} from './selectors';
import {AtTabs, AtTabsPane} from 'taro-ui';
import 'taro-ui/dist/style/components/tabs.scss';
import topBg from '@/assets/image/ipland/topBg.png';
import money from '@/assets/image/ipland/money.png';

//@ts-ignore
actions().actions.loadReducer();
//@ts-ignore
@connect<Partial<T.IProps>, any>(store2Props, actions)
export default class packageIGameCurrencyRecharge extends React.Component<Partial<T.IProps>, any> {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {
    this.props.actions.init();
  }

  componentWillUnmount() {
    this.props.actions.clean();
  }

  componentWillMount(): void {}

  componentDidShow() {}

  render() {
    return (
      <View className="packageIGameCurrencyRecharge">
        <View className="topFirst ">
          <Image className="topBg" src={topBg} mode="widthFix" />
          <View className="top-con flex">
            <View className="top-left flex">
              <View className="top-left-label">金币明细</View>
              <View className="flex">
                <Text className="top-left-value ">123</Text>
                <Image className="icon" src={money} mode="widthFix" />
              </View>
            </View>
            <View className="top-left-label"> {`明细 >`}</View>
          </View>
        </View>
        <View className="con">
          <View className="con-list flexCenter">
            <View className="con-list-item active">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
            <View className="con-list-item ">
              <View className="rechargeBox">
                <Image className="icon" src={money} mode="widthFix" />
                <Text className="text">10</Text>
              </View>
              <View className="moneyBox">
                <View className="money">
                  <Text className="text1">￥</Text>
                  <Text className="text2">10</Text>
                </View>
                <Text className="text3">￥40</Text>
              </View>
            </View>
          </View>
          <View className="submitBtn">立即充值</View>
        </View>
      </View>
    );
  }
}

//create by moon https://github.com/creasy2010/moon
